html,body{margin: 0;background: #f5f5f5;}
ul,li,a,p{margin: 0; list-style: none; padding: 0;}
/* 棣栭〉妯″潡 */
.home-search{width: 100%;height: 200px;background: url('../img/indexsearchbg.jpg') center center;}
.home-search .searchbox{width: 9600px;height: 100%;margin: 0 auto;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-justify-content: center;}
.searchArea{display: flex;display: -webkit-flex;align-items: center;position: relative;}
.searchArea>div{display: inline-block;}
.searchArea .inputbox{background: #fff;width: 500px;height: 50px;border-radius: 5px 0 0 5px;line-height: 50px;padding: 0 10px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.searchArea .inputbox .serachIcon{background:url(../img/search.png);width: 16px;height: 16px;background-size: 16px 16px;margin-right: 10px;}
.searchArea .inputbox input{width: 100%;background: none;border: none;outline: none;}
.searchArea .searchbtn{background: #3ac8eb;height: 50px;line-height: 50px;width: 120px;text-align: center;cursor: pointer;color: #fff;cursor: pointer;border-radius: 0 5px 5px 0;letter-spacing: 5px;}
.searchArea .searchbtn:hover{background: #38cef3;}
.searchArea .recommendBox{position: absolute;bottom: -28px;font-size: 12px;}
.searchArea .recommendBox>span{cursor: pointer;margin-right: 10px;color: rgba(0,0,0,0.3);}
.publishBox{min-width: 200px; height: 36px; font-size: 14px; line-height: 36px; display: flex; margin-bottom: 10px; justify-content: flex-end;}
/* 缃戠珯瀵艰埅 */
.web-nav{font-size: 16px;color: rgba(0,0,0,.4);font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;}
/* 鍒嗛〉 */
.pagenation{margin: 50px auto;text-align: center;display: flex;display: -webkit-flex;width: 154px;}
.prepage , .nextpage , .loaclpage{width: 40px;height: 40px;line-height: 40px;text-align: center;margin: 0 5px;border: 1px solid rgba(0,0,0,0.4);border-radius: 3px;font-size: 16px;color: #999;cursor: pointer;}
.loaclpage{background: #F9874B;color: #fff;}
.aboutinfo{width: 1200px;margin: 0 auto;/* display: flex;display: -webkit-flex; */justify-content:space-between;}
.aboutinfo p{font-size: 14px; line-height: 17px;margin-bottom: 5px;text-align: center;}
.aboutinfo p:first-child{margin-bottom: 10px;line-height: 22px;}
.aboutinfo p a{cursor: pointer;}
.aboutinfo p a:hover{color: #f9f9f9;}
.linkbeian{cursor: pointer;margin-left: 5px;}
.linkbeian:hover{color: #f9f9f9;border-bottom: 1px solid #f9f9f9;}
.color-sys{color: #f80;}
.head-search-form{display: flex;display: -webkit-flex;align-items: center;}
.head-searchbox{display: flex;display: -webkit-flex;align-items: center;}
.head-searchbox .search-inpt{height: 38px;background: #fff;border: 1px solid #ccc;padding:0 10px;width: 150px;display: flex;align-items: center;border-radius: 4px 0 0 4px;}
.head-searchbox .search-inpt input{border: none;outline: none;height: 20px;line-height: 20px;width: 100%;}
.head-searchbox .search-img{cursor: pointer;border-radius: 0 4px 4px 0;width: 50px;height: 40px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;background: #3ac8eb;}
.search-img .search-icon{display: inline-block;background: url('../img/search.png');width: 20px;height: 20px;background-size: 20px 20px;}
.head-search-form .publishfree{margin-left: 10px;}
.head-search-form .publishfree>span{cursor: pointer;display: inline-block;width: 100px;min-width: 100px;text-align: center;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #f66f42;border-radius: 4px;}
.head-search-form .publishfree>span:hover{background-color: #dc633b;}
/* 鍏ㄥ眬閬洊 */
.marsk{width: 300px;height: 50px;position: absolute;top: 10%;left: 50%;margin-left: -150px;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;border-radius: 8px;}
.marsk-text{position: relative;color: #3ac8eb;}
.home-menu-content{width: 100%;overflow:hidden;}
.swiper-box{/* max-width: 1200px; */margin: 0 auto;width: 100%;height: 400px;}
.swiper-box .swiper-container{height: 100%;cursor: pointer;}
.swiper-box img{width: 100%;height:400px;background-size: cover;}
.rightjiao{font-family: '瀹嬩綋'; color: #666; font-size: 14px; float: right; margin-right: 10px; font-style: normal;}
.itemonpen .rightjiao{color: #3ac8eb;}
.bodyspace{max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.bodyspace .home-com-logo{font-size: 24px;font-weight: bold;color: #3ac8eb;cursor:pointer;}
.bodyspace .home-com-logo img{max-height: 80px;}
.category-bar{background: #fff;padding: 20px;}
.category-bar .category-list{}
.category-bar .category-list>span{display:inline-block;}
.category-bar .category-list .categoryItem{margin-right: 10px;cursor: pointer;padding: 7px 15px;border-radius: 3px;background: #eee;}
.category-bar .category-list .categoryActive ,.category-bar .category-list .categoryItem:hover{color: #fff;background: #e60012;}